import React from 'react'
import HomeHeader from './components/HomeHeader'
import MySwiper from '../../components/MySwiper'
import Banner1 from '../../assets/images/banner1.png'
import Banner2 from '../../assets/images/banner2.png'
import Banner3 from '../../assets/images/banner3.png'
import HomeHot from './components/HomeHot'
import { useSelector } from "react-redux"

export default function Home () {
  const banners = [
    {
      id: 111,
      img: Banner1
    },
    {
      id: 222,
      img: Banner2
    },
    {
      id: 333,
      img: Banner3
    },
  ]
  const city = useSelector(state => state.city.city)
  return (
    <div>
      <HomeHeader city={city} />
      <MySwiper banners={banners} />
      <HomeHot city={city} />
    </div>
  )
}
